.showBig{display: none;}
.showMiddle{display: none;}
   

.layoutTopOut{width: 100%;height: 40px;background: #fff;position: fixed;top: 0;left: 0;overflow: hidden;z-index: 888;padding-left: 200px;box-sizing: border-box;
    .layoutTopMain{width: 100%;height: 40px;overflow: hidden;
        ul{float: right;
            li{float: left;box-sizing: border-box;padding: 0 7.5px;cursor: pointer;position: relative;transition:0.5s;
                h1{line-height: 40px;font-size: 12px;
                    img{height: 15px;float: left;margin-top: 12.5px;margin-right: 5px;}
                }
            }
            li:hover{background: #ecf0f1;transition: 0.5s}
            // li:hover{
            //  h1:after{content: '';width: 100%;height: 2px;background: #16a085;position: absolute;top: 0;left: 0;animation: long 0.5s;}
            // }
        } 
        ol{float: left;
            li{float: left;padding: 12.5px 15px;cursor: pointer;transition:0.5s;
                img{height: 15px;}
            }
            li:hover{background: #ecf0f1;transition: 0.5s}
        }
    } 
}

.crumbsOut{width: 100%;height: 40px;position: fixed;top: 40px;left: 0;background: #fff;border-top: 1px solid #f1f1f1;border-bottom: 3px solid #34495e;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);padding-left: 200px;box-sizing: border-box;
    .crumbsMain{width: 100%;box-sizing: border-box;padding-left: 15px;padding-right: 100px;
        h1{line-height: 35px;}
    }
}

.layoutLeftOut{width: 200px;height: 100%;background: #34495e;position: fixed;left: 0;top: 0;box-sizing: border-box;z-index: 999;
    .layoutLeftMain{width: 100%;height: 100%;position: relative;
        .logoOut{width: 100%;height: 80px;border-bottom: 3px solid #2c3e50;box-sizing: border-box;background: #fff;border-right: 1px solid #f1f1f1;overflow: hidden;
            img{height: 30px;display: block;margin: 0 auto;margin-top: 25px;}
        }
        .menuOut{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding-top: 80px;box-sizing: border-box;
            .menuMain{width: 100%;height: 100%;overflow: auto;
                ul{width: 100%;
                    li{width: 100%;padding: 0 30px;box-sizing: border-box;transition: 1s;
                        h1{line-height: 40px;color: #fff;
                            img{display: inline;height: 20px;}
                        }
                    }
                    li:hover{background: #f39c12;cursor: pointer;transition: 1s}
                    .active{background: #f39c12;cursor: pointer;transition: 1s}
                }
            }
        }
    }
}

.layoutCenterOut{width: 100%;height: 100%;position: fixed;top: 0;left: 0;padding-top: 80px;padding-left: 200px;box-sizing: border-box;z-index: -1;
    .layoutCenterMain{width: 100%;height: 100%;padding: 15px;box-sizing: border-box;
        .modelOut{width: 100%/5;padding: 7.5px;float: left;box-sizing: border-box;
            .modelMain{width: 100%;height: 150px;background: #fff;
                .info{width: 100%;height: 50%;overflow: hidden;
                    .logo{float: left;height: 100%;float: left;width: 75px;height: 75px;padding: 12.5px;box-sizing: border-box;
                        img{height: 50px;width: 50px;}
                    }
                    h1{margin-top: 15px;font-weight: bolder;}
                    h2{font-size: 12px;color: #bdc3c7;line-height: 30px;}
                }
                .text{width: 100%;padding: 0 15px;box-sizing: border-box;
                    p{height: 4em;overflow: hidden;color: #95a5a6;text-align: justify;}
                }
            }
            .modelMain:hover{
                box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);cursor: pointer;
            }
        }
    }
}


@media screen and (max-width: 1024px) {
    .layoutCenterOut{padding-left: 50px;
        .layoutCenterMain{
            .modelOut{width: 100%/3;

            }
        }
    }
    .layoutLeftOut{width: 50px;
        .layoutLeftMain{
            .logoOut{width: 100%;
                .showBig{display: none;}
                .showMiddle{display: block;}
            }
            .menuOut{
                .menuMain{
                    ul{
                        li{padding: 0;
                            h1{text-align: center;
                                b{display: none;}
                            }
                        }
                    }
                }
            }
        }
    }
    .crumbsOut{padding-left: 50px;
        .crumbsMain{
            
        }
    }
}

@media screen and (max-width: 600px) {
    .layoutTopOut{padding-left: 50px;
        ol{display: none;}
        ul{float: left !important;width: 100%;
            li{width: 50%;}
        }
    }
    .layoutCenterOut{
        .layoutCenterMain{
            .modelOut{width: 100%}
        }
    }
}